@charset "utf-8";*{margin:0;padding:0;box-sizing:border-box}
body{background-color:#edf2f6}
.unselectable{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
#foot,#header,#main{width:1260px;margin:0 auto}
#header{height:50px;background-color:#0cf3ff;text-align:center;border-radius:5px}
.active{background-color:#aaff7f}
#header ul{width:50%;position:relative;left:300px}
#header ul li{float:left;width:100px;list-style:none;font-size:20px}
#header .navigation ul li{position:relative;height:50px}
#header ul li a{float:left;width:90px;height:40px;list-style:none;font-size:20px;text-decoration:none;color:#000;top:10px}
#header .navigation ul li a{position:relative;left:5px}
.sub-nav li{position:relative;left:-300px;top:10px;border-top:5px solid #b1ff5d;background-color:#daffa2}
.has-child{position:relative;display:inline-block;z-index:100}
.sub-nav{position:absolute;display:none;background-color:#daffa2}
.has-child:hover .sub-nav{position:relative;background-color:#daffa2;display:block}
.navigation ul li:hover{background-color:#b1ff5d}
#header ul li a:hover{color:#fff}
#header div{height:50px;color:#505050;float:left;font-size:20px;display:block;position:absolute}
#header div i{width:50px;height:50px;line-height:50px;border:solid 2px #505050;border-radius:100%;position:relative;left:2px}
#header .icon{height:50px;width:50px}
#header .icon .station-name{left:60px;top:0}
#header div ul{position:relative}
#header div ul li{position:relative;list-style:none;font-size:18px;left:-300px}
#header .icon .station-name .name{width:200px}
#header .icon .station-name .vice-name{width:130px;left:-230px}
#header .register{position:relative;right:-525px;width:130px;height:50px;background-color:#ff6900}
#header .register a{float:left;text-align:center;position:relative;text-decoration:none;font-size:20px;color:#fff;top:11.665px;height:38px;width:130px}
#header ul li:hover{color:#000}
#header .register a:hover{color:#282864}
#main{height:800px;font-size:24px;margin-top:5px;margin-bottom:5px;border-radius:5px}
#main .left,.center,.right{height:800px;float:left}
#main .left{width:20%;background-color:#f6fcff;border-left:5px solid #edf2f6;border-right:5px solid #edf2f6;border-radius:20px}
#main .center{width:60%;border-left:5px solid #edf2f6;border-right:5px solid #edf2f6}
#main .right{width:20%;background-color:#d93333;border-left:5px solid #edf2f6;border-right:5px solid #edf2f6;border-radius:20px}
#main .left .portrait{position:relative;left:27px;border-radius:10px;width:180px;height:180px;margin:4px 4px;background-color:rgba(160,160,160,.5)}
#main .left .portrait img{border-radius:50%;width:170px;height:170px;margin:5px 5px;border:3px solid rgba(255,127,0,.3);box-shadow:0 0 1px 1px rgba(0,0,0,.3);transition:all .45s}
#main .left .portrait img:hover{border:3px solid #ff7f00;transition:all .45s;transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-khtml-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(350deg)}
.info{position:relative;height:200px;width:auto;color:#6d6d6d;background-color:rgba(160,160,160,.5);border-radius:10%;margin-top:8px}
.info ul{position:relative}
.info ul{list-style:none}
.info .title-1{height:25px;width:60px;position:relative;top:15px;left:5px}
.title-1 .circle li{float:left;margin:3px 3px;width:12px;height:12px;border-radius:50%}
.title-1 .sub-title{font-size:16px;height:30px;width:181px}
.title-1 .sub-title li{list-style:none;height:25px}
.message{float:left;font-size:16px;position:relative;top:20px;left:15px}
.message .wx_QRcode{width:101px;height:101px;border:2px solid #fff;border-radius:4px;position:relative;top:10px;left:35px;background-color:rgba(255,255,255,.5);display:none;z-index:100}
.wx_QRcode span{width:0;height:0;font-size:0;overflow:hidden;position:absolute}
.wx_QRcode span.bot{border:10.5px solid #fff;border-color:transparent transparent #fff;left:38px;bottom:97px}
.wx_QRcode .QRcode{width:97px;height:97px}
.message .fa-weixin{width:19px;height:17px}
.message p{margin-top:1vh;letter-spacing:1px}
.sub-title li:hover{color:#000;cursor:pointer}
.message p:hover{color:#000;cursor:pointer}
#wx:hover+.wx_QRcode{display:block;color:#0ff}
.dateinfo{position:absolute;font-size:16px;background-color:rgba(160,160,255,.5);color:#000;top:505px;width:242px;height:100px;border-radius:15px}
.date1,.date2,.date3{position:relative;top:12px;left:5px;margin-bottom:5px}
#lunbo{width:734px;height:209px;position:relative;left:8px;top:4px;border:2px solid rgba(255,255,255,.5);border-radius:10px}
#lunbo .pics img{border-radius:10px;opacity:.85;width:730px;height:205px}
#lunbo .pics li{list-style:none;position:absolute;width:730px;height:205px}
#lunbo .pic_nav{list-style:none;width:120px;height:20px;position:absolute;bottom:10px;left:0;right:0;margin:auto;border-radius:10px;background-color:rgba(255,255,255,.4);justify-content:space-around;align-items:center;display:none}
#lunbo .pic_nav li{width:10px;height:10px;border-radius:50%;background-color:#fff}
#lunbo .pic_nav li.on{background-color:rgba(6,6,6,.6)}
#lunbo .btn li{width:40px;height:80px;list-style:none;display:none;background-color:rgba(255,255,255,.5);position:absolute;top:50%;margin-top:-40px;text-align:center;color:#fff;font-size:20px;line-height:80px;cursor:pointer}
#lunbo .btn li.next{right:0}
.content a{text-decoration:none;color:#000}
.center_content{font-size:15px;position:relative}
.first_message{width:660px;height:auto;position:relative;left:43px;top:23px;border-radius:20px}
.head_date{position:relative;height:54px;width:80%;left:20px;top:20px}
.head_date p{width:100px;position:relative;top:-35px;left:50px}
.dynamic_head{width:50px;position:relative;left:2px;top:2px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px}
.dynamic s{position:relative;top:5px;left:30px}
.starg{height:21px;background-color:#f1746b;border-radius:1.5px;width:auto;display:inline-block!important;display:inline;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}
.dynamic .cont{position:relative;left:20px;width:500px}
.dynamic .cont img{position:relative;width:500px}
.right .date_time{font-size:20px;text-align:center;background-color:rgba(160,160,160,.5);border-radius:10px;position:relative;top:20px}
#foot{height:26px;background-color:#fff;text-align:center;border-radius:10px}
#foot ul li{height:26px;list-style:none}
#he-plugin-standard{position: relative;top: 25px;};
#foot ul li a{font-size:18px;text-decoration:none;color:#000;position:relative;top:1px}
